<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日期选择</title>
    <link rel="stylesheet" href="css/5-3.css">
    <link href="lib/mobiscroll/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="lib/mobiscroll/css/mobiscroll.custom-2.17.1.min.css">
    <link rel="stylesheet" href="css/reset.css">
</head>

<body>
    <!--头部-->
    <div class="header">
        <header class="head-top">
            <div class="go-back">
                <a href="travelDetail.html">
                    <i class="goback-icon"></i>
                </a>
            </div>
            <div class="title">
                <h3>选择日期和人数</h3>
            </div>
            <div class="register">
                <a href="#">起价说明</a>
            </div>
        </header>
    </div>


    <!--内容-->
    <div class="wrapper">
        <div class="scroller">
            <div id="demo" placeholder="Please Select..."></div>
            <section class="set-time clearfix">
                <div class="select-num">
                    <div class="man-box clearfix">
                        <span>成人</span>
                        <div class="man-box-price">¥<strong>3159</strong>/人</div>
                        <div class="man-box-num">
                            <span class="change-box-left jian">-</span>
                            <input class="shu" type="tel" name="" id="" value="0">
                            <span class="change-box-right jia">+</span>
                        </div>
                    </div>
                    <div class="man-box clearfix">
                        <span>儿童</span>
                        <div class="man-box-num">
                            <span class="change-box-left jian">-</span>
                            <input class="shu" type="tel" name="" id="" value="0">
                            <span class="change-box-right jia">+</span>
                        </div>
                    </div>
                    <div class="man-box infant-box clearfix">
                        <i></i>
                        <span>携带幼儿</span>
                        <em>0~2岁</em>
                    </div>
                    <div class="man-box set-tip clearfix">
                        <em>&nbsp;最少1人起订，年龄2—12周岁，不占床，不含早，只含当地的正餐半餐、车位以及导服，其他需要自理。成人+儿童最多支持9人，</em>
                        <i>&nbsp;*以上价格均为起价</i>
                    </div>
                </div>
            </section>
        </div>
    </div>

    
    <!--底部-->
    <div class="footer">
        <div class="detail-sum">
            <span>总额：¥6318</span>
            <a href="#">明细></a>
        </div>
        <div class="detail-next" id="select">
            <a href="resource.html">
                <span>下一步</span>
                <s>选择资源</s>
            </a>
        </div>
    </div>
    <script src="lib/flexible.js"></script>
    <script src="lib/iscroll.js"></script>
    <script src="lib/zepto.js"></script>
    <!-- jQuery Include -->
    <script src="lib/mobiscroll/js/jquery-1.11.1.min.js"></script>

    <script src="lib/mobiscroll/js/mobiscroll.custom-2.17.1.min.js"></script>
    <script src="js/date.js"></script>
</body>

</html>